<template>
  <div class="page">
    <div class="p-hd">
      <answer-head></answer-head>
    </div>
    <div class="wrapper p-main">
      <answer-sheet></answer-sheet>
      <answer-paper></answer-paper>
    </div>
  </div>
</template>

<script lang="ts">
import AnswerHead from '@/components/panels/AnswerHead.vue';
import AnswerSheet from '@/components/panels/AnswerSheet.vue';
import AnswerPaper from '@/components/panels/AnswerPaper.vue';
import { Options, Vue } from 'vue-class-component';

@Options({
  props: {},
  components: {
    AnswerHead,
    AnswerSheet,
    AnswerPaper,
  },
})
export default class Homework extends Vue {}
</script>

<style scoped lang="scss">
.page {
  background: $bg-color-purle;
}
.p-hd {
  margin-bottom: 16px;
}
.p-main {
  position: relative;
  overflow: hidden;
}
</style>
